<!DOCTYPE html>
<html>
    <head>
        <title>Your Admin Panel</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <!-- Reset all CSS rule -->
        <link rel="stylesheet" href="../css/reset.css" />
        
        <!-- Main stylesheed  (EDIT THIS ONE) -->
        <link rel="stylesheet" href="../css/style.css" />
        
        <!-- jQuery AND jQueryUI -->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="../css/jqueryui/jqueryui.css" />
        
        <!-- jWysiwyg - https://github.com/akzhan/jwysiwyg/ -->
        <link rel="stylesheet" href="../js/jwysiwyg/jquery.wysiwyg.old-school.css" />
        <script type="text/javascript" src="../js/jwysiwyg/jquery.wysiwyg.js"></script>
        
        
        <!-- Tooltipsy - http://tooltipsy.com/ -->
        <script type="text/javascript" src="../js/tooltipsy.min.js"></script>
        
        <!-- iPhone checkboxes - http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html -->
        <script type="text/javascript" src="../js/iphone-style-checkboxes.js"></script>
        <script type="text/javascript" src="../js/excanvas.js"></script>
        
        <!-- Load zoombox (lightbox effect) - http://www.grafikart.fr/zoombox -->
        <script type="text/javascript" src="../js/zoombox/zoombox.js"></script>
        <link rel="stylesheet" href="../js/zoombox/zoombox.css" />
        
        <!-- Charts - http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/ -->
        <script type="text/javascript" src="../js/visualize.jQuery.js"></script>
        
        <!-- Uniform - http://uniformjs.com/ -->
        <script type="text/javascript" src="../js/jquery.uniform.min.js"></script>
        
        
        <!-- Main Javascript that do the magic part (EDIT THIS ONE) -->
        <script type="text/javascript" src="../js/main.js"></script>

    </head>
    <body>
        
        <script type="text/javascript" src="content/settings/main.js"></script>
<link rel="stylesheet" href="content/settings/style.css" />


  <div class="settings" id="settings">
        <div class="wrapper">
            <div class="grid3">
                <div class="titre">Backgrounds</div>
                <a href="url(css/img/bg.png)" class="backgroundChanger active" title="White"></a>
                <a href="url(css/img/dark-bg.png)" class="backgroundChanger dark" title="Dark"></a>
                <a href="url(css/img/wood.jpg) fixed" class="backgroundChanger dark" title="Wood"></a>
                <a href="url(css/img/altbg/smoothwall.png)" class="backgroundChanger" title="Smoothwall"></a>
                <a href="url(css/img/altbg/black_denim.png) fixed" class="backgroundChanger dark" title="black_denim"></a>
                <a href="url(css/img/altbg/carbon.gif) fixed" class="backgroundChanger dark" title="Carbon"></a>
                <a href="url(css/img/altbg/double_lined.png) fixed" class="backgroundChanger" title="Double lined"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Bloc style</div>
                <a href="black" class="blocChanger" title="Black" style="background:url(css/img/bloctitle.png);"></a>
                <a href="white" class="blocChanger active" title="White" style="background:url(css/img/white-title.png);"></a>
                <a href="wood" class="blocChanger" title="Wood" style="background:url(css/img/wood-title.jpg);"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Sidebar style</div>
                <a href="grey" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                <a href="black" class="sidebarChanger" title="Black" style="background:#262626"></a>
                <a href="white" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <a class="settingbutton" href="#">

        </a>
    </div>        
        <!--              
                HEAD
                        --> 
        <div id="head">
            <div class="left">
                <a href="" class="button profile"><img src="../img/icons/top/huser.png" alt="" /></a>
                Hi, 
                <a href="#">John Doe</a>
                |
                <a href="#">Logout</a>
            </div>
            <div class="right">
                <form action="#" id="search" class="search placeholder">
                    <label>Looking for something ?</label>
                    <input type="text" value="" name="q" class="text"/>
                    <input type="submit" value="rechercher" class="submit"/>
                </form>
            </div>
        </div>
                
                
        <!--            
                SIDEBAR
                         --> 
        <div id="sidebar">
            <ul>
                <li class="nosubmenu">
                    <a href="index.php">
                        <img src="../img/icons/menu/inbox.png" alt="" />
                        Dashboard
                    </a>
                </li>
                <li class="current"><a href="#"><img src="../img/icons/menu/layout.png" alt="" /> Elements</a>
                    <ul>
                                                <li><a href="index.html">Dashboard</a></li>
                                                <li><a href="forms.html">Forms</a></li>
                                                <li><a href="table.html">Table</a></li>
                                                <li><a href="gallery.html">Gallery</a></li>
                                                <li><a href="notif.html">Notifications</a></li>
                                                <li><a href="charts.html">Charts</a></li>
                                                <li><a href="typo.html">Typography</a></li>
                                                <li><a href="icons.html">Icons</a></li>
                                                <li class="current"><a href="calendar.html">Calendar</a></li>
                                                <li><a href="full.html">Everything on the same page !</a></li>
                    </ul>
                </li>
                <li><a href="#"><img src="../img/icons/menu/brush.png" alt="" /> Another submenu</a>
                    <ul>
                        <li><a href="#">Fake menu #1</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a></li>
                    </ul>
                </li>
                <li class="nosubmenu"><a href="#"><img src="../img/icons/menu/lab.png" alt="" /> This button is useless</a></li>
                <li class="nosubmenu"><a href="modal.html" class="zoombox w450 h700"><img src="../img/icons/menu/comment.png" alt="" /> Modal box</a></li>
            </ul>


        </div>
                
                
                
                
        <!--            
              CONTENT 
                        --> 
        <div id="content" class="white">
                            
<h1><img src="../img/icons/calendar.png" alt="" /> Calendar</h1>

<div class="bloc calendar">
    <div class="title"><a href="#" class="prev" title="April 2010"></a>June 2010<a href="#" class="next" title="July 2010"></a></div>
    <div class="content">

        <table> 
            <thead> 
                <tr> 
                    <th>Monday</th> 
                    <th>Tuesday</th> 
                    <th>Wednesday</th> 
                    <th>Thursday</th> 
                    <th>Friday</th> 
                    <th>Saturday</th> 
                    <th>Sunday</th> 
                </tr> 
            </thead> 
            <tbody> 
                <tr> 
                    <td colspan="5" class="padding"></td> 
                    <td> 
                        <div class="day">1</div> 
                    </td> 
                    <td> 
                        <div class="day">2</div> 
                    </td> 
                </tr><tr> 
                    <td> 
                        <div class="day">3</div> 
                    </td> 
                    <td> 
                        <div class="day">4</div> 
                    </td> 
                    <td> 
                            <div class="day">5</div> 
                    </td> 
                    <td> 
                            <div class="day">6</div> 
                    </td> 
                    <td> 
                            <div class="day">7</div> 
                    </td> 
                    <td> 
                            <div class="day">8</div> 
                    </td> 
                    <td> 
                            <div class="day">9</div> 
                    </td> 
                </tr><tr> 
                    <td> 
                            <div class="day">10</div> 
                    </td> 
                    <td> 
                            <div class="day">11</div> 
                    </td> 
                    <td> 
                            <div class="day">12</div> 
                    </td> 
                    <td> 
                            <div class="day">13</div> 
                    </td> 
                    <td> 
                            <div class="day">14</div> 
                    </td> 
                    <td> 
                            <div class="day">15</div> 
                    </td> 
                    <td> 
                            <div class="day">16</div> 
                    </td> 
                </tr><tr> 
                    <td> 
                            <div class="day">17</div> 
                    </td> 
                    <td> 
                            <div class="day">18</div> 
                    </td> 
                    <td> 
                            <div class="day">19</div> 
                    </td> 
                    <td class="today"> 
                            <div class="day">20</div> 
                            <ul class="events"> 
                                <li><span>15:00</span><a href="#">Wake up</a></li> 
                            </ul> 
                    </td> 
                    <td> 
                            <div class="day">21</div> 
                            <ul class="events"> 
                                <li><span>09:00</span><a href="#">Event</a></li> 
                                <li><span>11:00</span><a href="#">Another Event</a></li> 
                            </ul> 
                    </td> 
                    <td> 
                            <div class="day">22</div> 
                    </td> 
                    <td> 
                            <div class="day">23</div> 
                    </td> 
                </tr><tr> 
                    <td> 
                            <div class="day">24</div> 
                    </td> 
                    <td> 
                            <div class="day">25</div> 
                    </td> 
                    <td> 
                            <div class="day">26</div> 
                    </td> 
                    <td> 
                            <div class="day">27</div> 
                    </td> 
                    <td> 
                            <div class="day">28</div> 
                    </td> 
                    <td> 
                            <div class="day">29</div> 
                    </td> 
                    <td> 
                            <div class="day">30</div> 
                    </td> 
                </tr><tr> 
                    <td> 
                            <div class="day">31</div> 
                    </td> 
                    <td colspan="6" class="padding"></td> 
                </tr> 
            </tbody> 
        </table>

    </div>
</div>                    </div>
        
        
    </body>
</html>
